<template>
  <div class="question">
<!--    头像-->
    <van-image
        width="40"
        height="40"
        lazy-load
        round
        :src="$store.state.userInfo.avatar ||'https://img01.yzcdn.cn/vant/cat.jpeg'"
    >
      <template v-slot:loading>
        <van-loading type="spinner" size="16px" color="#ff0000"/>
      </template>
    </van-image>
    <!--    提问-->
    <div class="myState">
      <p v-html="question"></p>
    </div>
  </div>
</template>

<script>
export default {
  name: "MyQ",
  data(){
    return {

    }
  },
  props:{
    question:[String,Number]
  }
}
</script>

<style scoped lang="less">
.question{
  width: 100%;
  float: right;
  margin: 10px 20px;
  >div{
    float: right;
  }
  >.myState{
    margin: 10px;
    border-radius: 10px;
    background-color: deepskyblue;
    padding: 10px 15px;
    color: white;
    font-size: 16px;
    max-width: 60%;
    word-break: break-all;
    >p{
      width: 100%;
    }
  }
}
</style>